<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ page isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>大数据查询列表</title>
<%@ include file="../../quote.jsp" %>
<script type="text/javascript">
  $(function(){    
    dataTab("dataTab",true,false,false,false,true,false,"<s:url value="/resources"/>/adminlte/dataTabBootstrapCN.json");

 });
</script>
  </head>
  <style> 
.wrap { margin:0 0 0 180px }
 
</style> 
<body  >
<div class="wrap" style="overflow:hidden">

<div class="content-wrapper1" >
<!-- form start -->
<form id="form1" onsubmit="" action="<s:url value="/"/>/entrance/chart?tableId=${tableId}" method="post">
        <!-- Content Header (Page header) -->
        

        <!-- Main content -->
        <div class="content1">
					<div class="row">
						<!-- left column -->
						<div class="col-md-9">
							<!-- general form elements -->
							<div class="box box-primary">
								<div class="box-header with-border">
									<h3 class="box-title">查询条件</h3>
								</div>
								<!-- /.box-header -->

								<div class="form-group">
									<label style="padding-left: 15px;">时间范围:</label>
									<div class="input-group" style="padding-left: 15px;">
										<div class="input-group-addon">
											<i class="fa fa-calendar"></i>
										</div>
										<input type="text"
											style="width:30%;padding-left: 17px;height: 32px;border: 1px solid #d2d6de;"
											class="" id="startDate" name="startDate" value="${startDate}"
											onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})">
											&nbsp;&nbsp;--&nbsp;&nbsp;<input type="text"
											style="width:30%;;padding-left: 27px;height: 32px;border: 1px solid #d2d6de;"
											class="" id="endDate" name="endDate" value="${endDate}"
											onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})">
												&nbsp;&nbsp;&nbsp;
												<button class="btn btn-primary" type="submit">查询</button>
									</div>
									<!-- /.input group -->
									</br>
								</div>
							</div>
							<!-- /.box -->

							<!--
              <div class="row">
		            <div class="col-xs-12">
		             
		              <div class="box box-primary">
		                <div class="box-header with-border" style="display:block;text-align: center">
		                  <i class="fa fa-bar-chart-o"></i>
		                  <h3 class="box-title">动态查询数据</h3>
		                  
		                </div>
		                <div class="box-body" style="padding-left: 2px;">
		                  <div id="interactive" style="width:95%;height: 400px;padding-left: 5px;"></div>
		                  &nbsp;&nbsp;&nbsp;&nbsp;
		                </div>
		              </div>
		
		            </div>
	          </div>
	          -->

							<div class="box box-danger">
								<div class="box-header with-border">
									<h3 class="box-title">数据列表-[${tableName}]</h3>
								</div>
								<div class="box-body">
									<table id="dataTab" class="table table-bordered">
										<thead>
											<tr>
												<c:forEach items="${arrayList1}" var="item">
													<th>${item.col_note}</th>
												</c:forEach>
											</tr>
										</thead>
										<tbody>

											<c:forEach items="${arrayList2}" var="item">
												<tr>
													<c:forEach var="i" begin="0"
														end="${fn:length(arrayList1)-1}" step="1">
														<td align="center">${item[i]}</td>
													</c:forEach>
												</tr>
											</c:forEach>
										</tbody>
									</table>
								</div>
								<!-- /.box-body -->
							</div>
							<!-- /.box -->

						</div>
						<!--/.col (left) -->

					</div>
				</div><!-- /.content -->
         </form>
      </div><!-- /.content-wrapper -->
</div>  
</body>
</html>